/**
 * 说明：按钮组件
 */

import classNames from 'classnames'
import './style.scss'

const CardBox = (props)=>{
  const {className}  = props;
  let classes = classNames('card-box', className, {
  });
    return (
      <div className={classes}>
        <div className="power-data on">
          <div className="condition-circle on"></div>
          <div className="condition-content">
            <div>总开机时长</div>
            <div>{showData.TotalOnTime*60}</div>
            <div>分钟</div>
          </div>
        </div>
        <div className="power-data work">
          <div className="condition-circle work"></div>
          <div className="condition-content">
            <div>压缩机工作时长</div>
            <div>{showData.TotalCompressorOnTime*60}</div>
            <div>分钟</div>
          </div>
        </div>
        <div className="power-data total">
          <div className="condition-circle total"></div>
          <div className="condition-content">
            <div>总用电量</div>
            <div>{showData.ToTalEle.toFixed(2)}</div>
            <div>kWh</div>
          </div>
        </div>
      </div>
    )

};



export default CardBox
